<template>
  <div id="app">
<!--    <div id="nav">-->
<!--      &lt;!&ndash; <b> 导航部分 </b> | &ndash;&gt;-->
<!--&lt;!&ndash;      <router-link to="/"> 2D知识图谱</router-link> |&ndash;&gt;-->
<!--&lt;!&ndash;      <router-link to="/3dView"> 3D知识图谱</router-link>&ndash;&gt;-->
<!--      &lt;!&ndash; <router-link to="/about">3D知识图谱</router-link> &ndash;&gt;-->
<!--    </div>-->
    <router-view/>
  </div>
</template>

<style lang="scss">
body,html {
  margin: 0;
  list-style: none;
  text-decoration: none;
  font-size: 100%;
  height: 100%;
  overflow:hidden
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
  overflow:hidden
}
//#nav {
//  margin: 5px;
//  padding: 20px;
//
//  a {
//    font-weight: bold;
//    color: #2c3e50;
//
//    &.router-link-exact-active {
//      color: #42b983;
//    }
//  }
//}
</style>
